<template>
	<view class="wrap">
		<view class="f-list">
			<view v-for="(item,index) in list" :key="index" style="width: 100%;">
				<media-list :item="item" :index="index"></media-list>
				<view class="flex" style="height: 100rpx;">
					<view class="flex-1 flex align-center justify-center" hover-class="bg-light">修改</view>
					<view class="flex-1 flex align-center justify-center" hover-class="bg-light">视频</view>
					<view class="flex-1 flex align-center justify-center" hover-class="bg-light">删除</view>
				</view>
				<view class="f-divided"></view>
			</view>
		</view>
	</view>
</template>

<script>
	import mediaList from "@/components/common/media-list.vue";
	
	export default {
		components:{
			mediaList
		},
		data() {
			return {
				list:[
					{
						cover:"/static/demo/list/1.jpg",
						title:"标题",
						create_time:"时间",
						play_count:1230,
						danmu_count:351
					},
					{
						cover:"/static/demo/list/2.jpg",
						title:"标题",
						create_time:"时间",
						play_count:1230,
						danmu_count:351
					},
				]
			}
			
		}
	}
	
</script>

<style>
</style>
